.w {
    width: 1226px;
    margin: auto;
}

header {
    font-size: 12px;
    border-bottom: 2px solid #ff6700;
    background: #fff;
    color: #b0b0b0;
    height: 100px;

    .mini-header {
        height: 100px;
        display: flex;
        justify-content: space-between;
        align-items: center;

        .logo-cart {
            display: flex;
            align-items: center;

            h1 {
                img {
                    width: 48px;
                    height: 48px;
                    margin-right: 40px;
                }

            }

            h2 {
                font-size: 28px;
                font-weight: 400;
                color: #424242;
            }

            p {
                margin-top: 15px;
                margin-left: 15px;
                color: #757575;
            }
        }

        .login-reg {
            a:hover {
                color: #ff6700;
            }

            span {
                margin: 0 5px;
            }
        }
    }
}

.mi-cart {
    padding: 38px 0;
    background: #f5f5f5;

    .cart-main {


        .goods-list {
            color: #424242;
            font-size: 14px;
            position: relative;

            .goods-list-title {
                border-top: 1px solid #f5f5f5;
                display: flex;
                justify-content: space-between;
                text-align: center;
                line-height: 70px;
                background-color: #fff;

                .col-check {
                    width: 110px;

                    display: flex;
                    justify-content: space-between;
                    align-items: center;

                    input {
                        width: 20px;
                        height: 20px;
                        margin-left: 30px;
                    }

                    span {
                        margin-right: 20px;
                    }
                }

                .col-img {
                    width: 120px;
                }

                .col-name {
                    width: 380px;
                    text-align: left;
                }

                .col-price {
                    width: 140px;
                }

                .col-num {
                    width: 150px;
                }

                .col-total {
                    width: 120px;
                }

                .col-action {
                    width: 80px;
                    margin-right: 20px;
                }
            }


            .goods-list-content {

                .goods-list-line {
                    border-top: 1px solid #f5f5f5;
                    display: flex;
                    justify-content: space-between;
                    text-align: center;
                    padding: 15px 0;
                    line-height: 80px;
                    box-sizing: border-box;
                    background-color: #fff;


                    .col-check {
                        width: 110px;

                        display: flex;
                        justify-content: space-between;
                        align-items: center;

                        input {
                            width: 20px;
                            height: 20px;
                            margin-left: 30px;
                        }

                        span {
                            margin-right: 20px;
                        }
                    }

                    .col-img {
                        width: 120px;

                        img {
                            width: 80px;
                            height: 80px;
                        }
                    }

                    .col-name {
                        width: 380px;
                        text-align: left;
                        font-size: 18px;
                    }

                    .col-price {
                        width: 140px;
                        font-size: 16px;
                    }

                    .col-num {
                        width: 150px;

                        h5 {
                            width: 150px;
                            height: 40px;
                            margin-top: 20px;
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            border: #f1f1f1 1px solid;

                            .name-num {
                                width: 50px;
                                height: 30px;
                                text-align: center;
                                border: 0;
                                font-size: 16px;
                            }

                            .num-del {
                                width: 40px;
                                height: 40px;
                                line-height: 40px;
                                border: 0;
                                // background-color: #757575;
                                cursor: pointer;

                                transition: .3s;

                                &:hover {
                                    background-color: #999;
                                }
                            }

                            .num-add {
                                width: 40px;
                                height: 40px;
                                line-height: 40px;
                                // background-color: #757575;
                                cursor: pointer;
                                border: 0;

                                transition: .3s;

                                &:hover {
                                    background-color: #999;
                                }
                            }
                        }


                    }

                    .col-total {
                        width: 120px;
                        color: #ff6700;
                        font-size: 16px;
                    }

                    .col-action {
                        width: 80px;
                        margin-right: 20px;

                        span {
                            cursor: pointer;
                            font-size: 16px;
                        }
                    }
                }
            }

            .goods-list-footer {
                display: flex;
                justify-content: space-between;
                margin-top: 20px;
                background-color: #fff;




                .list-footer-left {
                    display: flex;
                    align-items: center;

                    p {
                        margin-left: 40px;

                        a:hover {
                            color: #ff6700;
                        }

                    }

                    em {
                        margin: 0 15px;
                        color: #b0b0b0;
                    }

                    h5 {
                        i {
                            font-size: 14px;
                            color: #ff6700;
                            margin: 0 2px;
                        }
                    }
                }

                .list-footer-rigth {
                    display: flex;
                    align-items: center;

                    h4 {
                        color: #ff6700;
                        margin-right: 20px;

                        strong {
                            font-size: 28px;
                            margin-left: 6px;
                        }
                    }



                    .settle-btn {
                        width: 200px;
                        height: 50px;
                        border: 0;
                        background-color: #999;
                        font-size: 20px;
                        color: #fff;
                    }
                }
            }
        }

       

    }
}

.empty-cart{
    background-color: #f5f5f5;
    
    .empty-cart-top {
        // display: none;
        height: 273px;
        padding-left: 558px;
        margin: 65px 0 130px;
        background: url(https://cdn.cnbj1.fds.api.mi-img.com/staticsfile/cart/cart-empty.png) no-repeat 124px 0;
        color: #b0b0b0;
        overflow: hidden;
    
        h2 {
            margin-top: 70px;
            font-size: 36px;
            color: #999;
    
        }
    
        a {
            margin-top: 15px;
            text-align: center;
            font-size: 16px;
            display: inline-block;
            background: #ff6700;
            border-color: #ff6700;
            color: #fff;
            width: 170px;
            height: 48px;
            line-height: 48px;
        }
    }
}

// .active {
//     position: absolute;
//     width: 100%;
//     bottom: 0;
//     z-index: 3;
// }